.inputform h3 {
  border-bottom: 1px solid var(--border-color);
  height: 42px;
  margin-bottom: 20px;
}

.inputform h3 strong {
  border-bottom: 1px solid var(--strong-color);
  color: var(--text-color);
  height: 42px;
  line-height: 42px;
  padding-right: 50px;
  float: left;
}

.inputform h3 span {
  color: var(--light-2-text-color);
  font-size: 12px;
  font-weight: 400;
  line-height: 44px;
  margin-left: -40px;
}

.form .form-row {
  padding-bottom: 28px;
  padding-right: 20px;
  overflow: hidden;
}

.form-row > label {
  text-align: right;
  line-height: 28px;
  height: 28px;
  display: block;
  float: left;
  width: 115px;
}

.form-row > label.left {
  text-align: left;
}

.form-row > div {
  margin-left: 120px;
}

.form-row input,
.form-row select {
  height: 26px;
  line-height: 26px;
}

.form-row input,
.form-row select,
.form-row textarea {
  border-radius: 2px;
  outline: none;
  border: 1px solid var(--border-color);
}

.form-row input[type='text'],
.form-row input[type='password'],
.form-row textarea {
  width: -webkit-fill-available;
}

.form-row input:hover,
.form-row select:hover,
.form-row textarea:hover {
  border-color: var(--deep-border-color);
}

.form-row input:focus,
.form-row select:focus,
.form-row textarea:focus {
  border-color: var(--primary-color);
}

.form-row input.has-error,
.form-row select.has-error,
.form-row textarea.has-error {
  border-color: var(--error-color);
}

.form-row input.no-error,
.form-row select.no-error,
.form-row textarea.no-error {
  border-color: var(--success-color);
}

.form .error-message {
  font-size: 14px;
  padding-left: 120px;
  margin-top: -26px;
  height: 26px;
  color: var(--error-color);
}